const app = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    login: {
      show: false,
      avatar: 'https://img0.baidu.com/it/u=3204281136,1911957924&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
    },
    studentId: '',  // 学号
    name: '',        // 姓名
    showLoginDialog: false,  // 是否显示登录框
  },

  // 登录监听
  chooseAvatar(e) {
    this.setData({
      login: {
        show: true,
        avatar: e.detail.avatarUrl,
      }
    });
  },

  // 基本信息
  basicClick() {
    const { studentId, name } = this.data;
    wx.showModal({
      title: '基本信息',
      content: `学号: ${studentId}\n姓名: ${name}`,
      showCancel: false,  // 不显示取消按钮
      confirmText: '确定', // 确定按钮的文本
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定');
        }
      }
    });
  },

  // 关于我们
  aboutClick() {
    wx.showModal({
      title: 'Hi,huster',  // 弹窗的标题
      content: '你好，亲爱的Huster，这里是华科微校园小程序，在这里你可以了解学校的资料以及有趣的社团、特色的美食，你还可以发布或者参与感兴趣的活动。期待你们的使用！',
      showCancel: false,  // 不显示取消按钮
      confirmText: '确定', // 确定按钮的文本
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定');
        }
      }
    });
  },

  // 退出监听
  exitClick() {
    let that = this;
    wx.showModal({
      title: '提示',
      content: '确定退出登录吗？',
      success(res) {
        if (res.confirm) {
          // 清空基本信息
          that.setData({
            login: {
              show: false,
              avatar: 'https://img0.baidu.com/it/u=3204281136,1911957924&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
            },
            studentId: '', // 清空学号
            name: '', // 清空姓名
          });
  
          // 清除本地存储中的学号和姓名
          wx.removeStorageSync('studentId');
          wx.removeStorageSync('name');
        }
      }
    });
  },
  

  // 显示登录框
  showLoginModal() {
    this.setData({
      showLoginDialog: true
    });
  },

  // 关闭登录框
  closeLoginDialog() {
    this.setData({
      showLoginDialog: false
    });
  },

  // 学号输入处理
  onStudentIdInput(e) {
    this.setData({
      studentId: e.detail.value
    });
  },

  // 姓名输入处理
  onNameInput(e) {
    this.setData({
      name: e.detail.value
    });
  },

  // 提交登录信息
  onLoginSubmit() {
    const { studentId, name } = this.data;

    // 校验学号和姓名是否为空
    if (!studentId || !name) {
      wx.showToast({
        title: '请输入学号和姓名',
        icon: 'none'
      });
      return;
    }

    // 保存学号和姓名
    wx.setStorageSync('studentId', studentId);
    wx.setStorageSync('name', name);

    // 更新 login.show 为 true，显示“退出登录”按钮
    this.setData({
      login: {
        show: true,
        avatar: this.data.avatar,
      },
      showLoginDialog: false  // 关闭登录框
    });

    // 显示登录成功的提示
    wx.showToast({
      title: '登录成功',
      icon: 'success'
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {}
});
